<!DOCTYPE html>

<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->

<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->

<!--[if !IE]><!-->
<html lang="en">
	<!--<![endif]-->

	<!-- BEGIN HEAD -->

	<head>

		<meta charset="utf-8" />

		<title>工作台</title>

		<!-- IE -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<!-- 设置 viewport -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 兼容国产浏览器的高速模式 -->
		<meta name="renderer" content="webkit">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

		<!-- BEGIN 全局样式 -->
			<!--重置样式-->
		<link rel="stylesheet" type="text/css" href="../../css/reset.css"/>
		<link href="../../lib/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet" type="text/css" />
			<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
			<!--app公共面板小组件样式-->
	    <link href="../../css/style.css" rel="stylesheet" type="text/css" />
	    <!--<link href="css/default.css" rel="stylesheet" type="text/css" id="style_color" />-->
		<!-- END 全局样式 -->
		<style type="text/css">
			.echartBox{
				min-height: 400px;
			}
			.checkbox-inline,.radio-inline{
				line-height: 21px;
			}
			.portlet-title{
				cursor: move;
			}
		</style>
	</head>

	<!-- END HEAD -->

	<!-- BEGIN BODY -->

	<body class="">
		<div class="container-fluid pd-10">
			<!--布局配置sss-->
			<div class="mb-10">
				<button type="button" class="btn btn-success btn-cofing">布局配置</button>
				
				<div class="modal fade" tabindex="-1" role="dialog" id="layoutOption">
				  <div class="modal-dialog" role="document">
				  	<form action="#" id="diyForm">
				    <div class="modal-content">
				      <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
				        <h4 class="modal-title">个性化定制</h4>
				      </div>
				      <div class="modal-body">
				      		<div id="Diy">
				      			<div id="layoutBox" class="mg-10">
					      	 		<b>布局选择：</b>
					      	 		<label class="radio-inline " for="layout_1">
									  <input type="radio" name="layout" id="layout_1" value="col-sm-4">4:4:4
									</label>
									<label class="radio-inline" for="layout_2">
									  <input type="radio" name="layout" id="layout_2" value="col-sm-6" checked="checked">6:6
									</label>
									<label class="radio-inline " for="layout_3">
									  <input type="radio" name="layout" id="layout_3" value="col-sm-12">12
									</label>
					      	 	</div>
					      	 	
					      	 	<div id="moduleBox" class="mg-10">
					      	 		<b>功能配置：</b>
					      	 		<label class="checkbox-inline" for="module_1">
									  <input type="checkbox" id="module_1" value="beLateBox" name="module" checked>迟到数据
									</label>
									<label class="checkbox-inline" for="module_2">
									  <input type="checkbox" id="module_2" value="leaveEarlyBox" name="module" checked>早退数据
									</label>
									<label class="checkbox-inline" for="module_3">
									  <input type="checkbox" id="module_3" value="absenteeismBox" name="module" checked>旷工数据
									</label>
									<label class="checkbox-inline" for="module_4">
									  <input type="checkbox" id="module_4" value="onSchoolBox" name="module" checked>在校数据
									</label>
					      	 	</div>
				      		</div>
				      </div>
				      <div class="modal-footer">
				        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				        <button type="button" class="btn btn-primary btn-save-confing">保存</button>
				      </div>
				    </div><!-- /.modal-content -->
				    </form>
				  </div><!-- /.modal-dialog -->
				</div><!-- /.modal -->
			</div>
			<!--布局配置eee-->
			<div class="row" id="layoutContainer">				
			<!--app面板sss 迟到数据-->
				<div class="col-sm-6 col-xs-12" id="beLateBox">
					<div class="portlet box default">
			            <div class="portlet-title">
			                <div class="caption">
			                    <i class="glyphicon glyphicon-signal"></i>迟到数据
			                </div>
			                <div class="tools">
			                    <a href="javascript:;" class="collapse"></a>
			                    <!--<a href="#portlet-config" data-toggle="modal" class="config"></a>-->
			                    <a href="javascript:;" class="reload"></a>
			                    <a href="javascript:;" class="remove"></a>
			                </div>
			            </div>
						<!--app面板主要内容容器sss-->
			            <div class="portlet-body" style="display: block;">
							<div class="row">
					    		<div class="col-sm-6 col-xs-12">
					    			<div class="echartBox" id="beLate">
					    			</div>
					    		</div>
					    		<div class="col-sm-6 col-xs-12">
					    			<div class="tableBox">
					    				<table class="table table-bordered table-hover table-striped table-vertical">
											<thead>
												<tr class="text-c">													
													<th>姓名</th>
													<th>科组</th>				
													<th>到校时间</th>
												</tr>
												
											</thead>
											<tbody>
												<tr class="text-c">													
													<td class="">苍老师</td>
													<td class="">
														体育
													</td>						
													<td>
														2018-05-15 09:30:21
													</td>
													
												</tr>
											</tbody>
										</table>
					    			</div>
					    			
					    		</div>
					    	</div>
					    	<div class="row btnBox mt-10">
					    		<div class="col-sm-6 col-xs-12 text-c" style="border-right: 2px solid #c9c9c9;">
					    			<div class="btn-group">
					    				<button type="button" class="btn btn-default active btn-pandect">总览</button>
					    				<button type="button" class="btn btn-default btn-am-study">早自习</button>
					    				<button type="button" class="btn btn-default btn-am">上午</button>
					    				<button type="button" class="btn btn-default btn-pm">下午</button>
					    				<button type="button" class="btn btn-default btn-pm study">晚自习</button>
					    			</div>
					    		</div>
					    		<div class="col-sm-6 col-xs-12 text-c">
					    			<div class="btn-group">
					    				<button type="button" class="btn btn-default btn-onDay">当日</button>
					    				<button type="button" class="btn btn-default active btn-onWeek">本周</button>
					    				<button type="button" class="btn btn-default btn-onTerm">本学期</button>
					    				<button type="button" class="btn btn-default btn-onYear">本学年</button>
					    			</div>
					    		</div>
				    			
					    	</div>
			            </div>
						<!--app面板主要内容容器eee-->
			        </div>
				</div>
				<!--app面板eee 迟到数据-->
				
				<!--app面板sss 早退数据-->
				<div class="col-sm-6 col-xs-12" id="leaveEarlyBox">
					<div class="portlet box default">
			            <div class="portlet-title">
			                <div class="caption">
			                    <i class="glyphicon glyphicon-signal"></i>早退数据</div>
			                <div class="tools">
			                    <a href="javascript:;" class="collapse"></a>
			                    <!--<a href="#portlet-config" data-toggle="modal" class="config"></a>-->
			                    <a href="javascript:;" class="reload"></a>
			                    <a href="javascript:;" class="remove"></a>
			                </div>
			            </div>
						<!--app面板主要内容容器sss-->
			            <div class="portlet-body" style="display: block;">
							<div class="row">
					    		<div class="col-sm-6 col-xs-12">
					    			<div class="echartBox" id="leaveEarly">
					    			</div>
					    		</div>
					    		<div class="col-sm-6 col-xs-12">
					    			<div class="tableBox">
					    				<table class="table table-bordered table-hover table-striped table-vertical">
											<thead>
												<tr class="text-c">													
													<th>姓名</th>
													<th>科组</th>				
													<th>到校时间</th>
												</tr>
												
											</thead>
											<tbody>
												<tr class="text-c">													
													<td class="">苍老师</td>
													<td class="">
														体育
													</td>						
													<td>
														2018-05-15 09:30:21
													</td>
													
												</tr>
											</tbody>
										</table>
					    			</div>
					    			
					    		</div>
					    	</div>
					    	<div class="row btnBox mt-10">
					    		<div class="col-sm-6 col-xs-12 text-c" style="border-right: 2px solid #c9c9c9;">
					    			<div class="btn-group">
					    				<button type="button" class="btn btn-default active btn-pandect">总览</button>
					    				<button type="button" class="btn btn-default btn-am-study">早自习</button>
					    				<button type="button" class="btn btn-default btn-am">上午</button>
					    				<button type="button" class="btn btn-default btn-pm">下午</button>
					    				<button type="button" class="btn btn-default btn-pm study">晚自习</button>
					    			</div>
					    		</div>
					    		<div class="col-sm-6 col-xs-12 text-c">
					    			<div class="btn-group">
					    				<button type="button" class="btn btn-default btn-onDay">当日</button>
					    				<button type="button" class="btn btn-default active btn-onWeek">本周</button>
					    				<button type="button" class="btn btn-default btn-onTerm">本学期</button>
					    				<button type="button" class="btn btn-default btn-onYear">本学年</button>
					    			</div>
					    		</div>
				    			
					    	</div>
			            </div>
						<!--app面板主要内容容器eee-->
			        </div>
				</div>
				<!--app面板eee 早退数据-->
				
				<!--app面板sss 旷工数据-->
				<div class="col-sm-6 col-xs-12" id="absenteeismBox">
					<div class="portlet box default">
			            <div class="portlet-title">
			                <div class="caption">
			                    <i class="glyphicon glyphicon-signal"></i>旷工数据</div>
			                <div class="tools">
			                    <a href="javascript:;" class="collapse"></a>
			                    <!--<a href="#portlet-config" data-toggle="modal" class="config"></a>-->
			                    <a href="javascript:;" class="reload"></a>
			                    <a href="javascript:;" class="remove"></a>
			                </div>
			            </div>
						<!--app面板主要内容容器sss-->
			            <div class="portlet-body" style="display: block;">
							<div class="row">
					    		<div class="col-sm-6 col-xs-12">
					    			<div class="echartBox" id="absenteeism">
					    			</div>
					    		</div>
					    		<div class="col-sm-6 col-xs-12">
					    			<div class="tableBox">
					    				<table class="table table-bordered table-hover table-striped table-vertical">
											<thead>
												<tr class="text-c">													
													<th>姓名</th>
													<th>科组</th>				
													<th>到校时间</th>
												</tr>
												
											</thead>
											<tbody>
												<tr class="text-c">													
													<td class="">苍老师</td>
													<td class="">
														体育
													</td>						
													<td>
														2018-05-15 09:30:21
													</td>
													
												</tr>
											</tbody>
										</table>
					    			</div>
					    			
					    		</div>
					    	</div>
					    	<div class="row btnBox mt-10">
					    		<div class="col-sm-6 col-xs-12 text-c" style="border-right: 2px solid #c9c9c9;">
					    			<div class="btn-group">
					    				<button type="button" class="btn btn-default active btn-pandect">总览</button>
					    				<button type="button" class="btn btn-default btn-am-study">早自习</button>
					    				<button type="button" class="btn btn-default btn-am">上午</button>
					    				<button type="button" class="btn btn-default btn-pm">下午</button>
					    				<button type="button" class="btn btn-default btn-pm study">晚自习</button>
					    			</div>
					    		</div>
					    		<div class="col-sm-6 col-xs-12 text-c">
					    			<div class="btn-group">
					    				<button type="button" class="btn btn-default btn-onDay">当日</button>
					    				<button type="button" class="btn btn-default active btn-onWeek">本周</button>
					    				<button type="button" class="btn btn-default btn-onTerm">本学期</button>
					    				<button type="button" class="btn btn-default btn-onYear">本学年</button>
					    			</div>
					    		</div>
				    			
					    	</div>
			            </div>
						<!--app面板主要内容容器eee-->
			        </div>
				</div>
				<!--app面板eee 旷工数据-->
				
				<!--app面板sss 在校数据-->
				<div class="col-sm-6 col-xs-12" id="onSchoolBox">
					<div class="portlet box default">
			            <div class="portlet-title">
			                <div class="caption">
			                    <i class="glyphicon glyphicon-signal"></i>在校数据</div>
			                <div class="tools">
			                    <a href="javascript:;" class="collapse"></a>
			                    <!--<a href="#portlet-config" data-toggle="modal" class="config"></a>-->
			                    <a href="javascript:;" class="reload"></a>
			                    <a href="javascript:;" class="remove"></a>
			                </div>
			            </div>
						<!--app面板主要内容容器sss-->
			            <div class="portlet-body" style="display: block;">
							<div class="row">
					    		<div class="col-sm-6 col-xs-12">
					    			<div class="echartBox" id="onSchool">
					    			</div>
					    		</div>
					    		<div class="col-sm-6 col-xs-12">
					    			<div class="tableBox">
					    				<table class="table table-bordered table-hover table-striped table-vertical">
											<thead>
												<tr class="text-c">													
													<th>姓名</th>
													<th>科组</th>				
													<th>到校时间</th>
												</tr>
												
											</thead>
											<tbody>
												<tr class="text-c">													
													<td class="">苍老师</td>
													<td class="">
														体育
													</td>						
													<td>
														2018-05-15 09:30:21
													</td>
													
												</tr>
											</tbody>
										</table>
					    			</div>
					    			
					    		</div>
					    	</div>
					    	<div class="row btnBox mt-10">
					    		<div class="col-sm-6 col-xs-12 text-c" style="border-right: 2px solid #c9c9c9;">
					    			<div class="btn-group">
					    				<button type="button" class="btn btn-default active btn-pandect">总览</button>
					    				<button type="button" class="btn btn-default btn-am-study">早自习</button>
					    				<button type="button" class="btn btn-default btn-am">上午</button>
					    				<button type="button" class="btn btn-default btn-pm">下午</button>
					    				<button type="button" class="btn btn-default btn-pm study">晚自习</button>
					    			</div>
					    		</div>
					    		<div class="col-sm-6 col-xs-12 text-c">
					    			<div class="btn-group">
					    				<button type="button" class="btn btn-default btn-onDay">当日</button>
					    				<button type="button" class="btn btn-default active btn-onWeek">本周</button>
					    				<button type="button" class="btn btn-default btn-onTerm">本学期</button>
					    				<button type="button" class="btn btn-default btn-onYear">本学年</button>
					    			</div>
					    		</div>
				    			
					    	</div>
			            </div>
						<!--app面板主要内容容器eee-->
			        </div>
				</div>
				<!--app面板eee 在校数据-->
			</div>
		</div>
		
		

		<!--核心脚本sss-->
		<script src="../../lib/jquery/1.9.1/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/jquery-ui-1.10.1.custom.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/layer/2.4/layer.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/laypage/1.2/laypage.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../lib/bootstrap-3.3.7-dist/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<!--加密插件sss 必须放在jquery.myPlugIn_v1.0.js前面-->
		<script src="../../js/common/jsrsasign-all-min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common/crypto-js.min.js" type="text/javascript" charset="utf-8"></script>
		<!--加密插件eee-->
		<!--已定义脚本库-->
		<script src="../../js/common/jquery.myPlugIn_v1.0.js" type="text/javascript" charset="utf-8"></script>
		<!--兼容ie低版本的本地存储插件-->
		<script src="../../js/jquery.cookie.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/common/localstorage-ie.js" type="text/javascript" charset="utf-8"></script>
		
		<!--[if lt IE 9]>
		<script src="../../js/excanvas.min.js"></script>
		<script src="../../js/respond.min.js"></script>  
		<![endif]-->
		<!--核心脚本eee-->
		<script src="../../js/app.js" type="text/javascript"></script>
		<script src="../../lib/echarts/echarts.js" type="text/javascript" charset="utf-8"></script>
		<script src="data.js" type="text/javascript" charset="utf-8"></script>
		<script src="dashboard.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			$(function(){
				App.init(); // initlayout和核心插件(公共部分)
				
				$.layoutTable();//拖拽布局
				
				
				//打开个性化定制工具
				$(".btn-cofing").on("click",function(){
					$("#layoutOption").modal("toggle");
				});
				
				$.Diy();//个性化定制，初始所有图表
				
				$.getStyle_color();//获取皮肤样式
			});
		</script>
	</body>

</html>